<!doctype html>
<html lang="pt-br">
<head>
	<meta charset="UTF-8">
	<title>Aristeu Morais</title>
	<link href='http://fonts.googleapis.com/css?family=Didact+Gothic' rel='stylesheet' type='text/css'>
	<link rel="stylesheet" href="css/style.css">
	<link rel="stylesheet" href="css/bootstrap.css">
	<link rel="stylesheet" href="css/bootstrap-responsive.css">
</head>
<body>
	<div id="content">
		<div id="header" class="row-fluid" >
			<div id="logo" class="span2">
				<img src="img/logo.png" alt="Logo AM">
			</div>
			<div class="span2"></div>
			<div id="menu" class="span8">
				<ul>
					<li><a href="" class="btn">Botao</a></li>
					<li><a href="" class="btn">Botao</a></li>
					<li><a href="" class="btn">Botao</a></li>
					<li><a href="" class="btn">Botao</a></li>
				</ul>
			</div>
		</div>
		<div class="container-fluid">
  	<div class="row-fluid">
		<div class="span9">
  			<div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsam, quia repellendus expedita libero dolore voluptas provident nulla voluptatibus! Odio maiores qui laboriosam iusto iure sed cumque earum tempore consectetur magnam.</div>
  			<div>Quas doloremque consectetur libero nulla sunt debitis eligendi! Quibusdam, in, fugit, odio cum facere distinctio amet eaque voluptas voluptatum nihil sequi quos vero id? Saepe voluptatibus odio earum nulla libero!</div>
  			<div>Aliquam, nesciunt, perspiciatis! Cum, beatae eos dolorum eius obcaecati in magni possimus. Eligendi, nobis, dolore, numquam illum excepturi nam quas facere sapiente praesentium inventore vel corporis enim recusandae commodi doloribus!</div>
  			<div>Voluptates, at quidem quos autem alias magni eos quisquam asperiores. Ipsum, numquam consectetur reiciendis quas aperiam hic tenetur ipsa nihil obcaecati unde facere ipsam deleniti. Perferendis exercitationem asperiores quia ipsa!</div>
  			<div>Laboriosam, ullam, recusandae, quaerat repudiandae consequuntur cupiditate tenetur eius temporibus enim placeat consequatur ipsum fuga facere error minima provident itaque molestias voluptatum qui corporis numquam odit saepe velit unde maiores?</div>
  			<div>Quibusdam, laboriosam, illum dolorem possimus officia quia modi veritatis rem fuga vero fugit repudiandae repellat saepe accusamus delectus voluptate distinctio aspernatur magnam est non amet adipisci minima deleniti nesciunt maiores!</div>
  			<div>Error, magni, quibusdam, soluta, culpa veniam sunt temporibus eius illum pariatur corporis commodi ex esse autem vitae tempore cumque non aspernatur id fuga animi ab vel quisquam eum qui beatae.</div>
  			<div>Numquam, eligendi voluptate maxime facilis officia velit hic placeat ad ipsum voluptatum? Commodi, neque, et iure ea minima accusamus distinctio reiciendis sequi aperiam libero molestiae aut fugit expedita. Id, quia.</div>
  			<div>Quo, eum, doloremque nobis fugit impedit mollitia accusantium eveniet minus quia modi aperiam doloribus blanditiis corrupti. Sequi, voluptatem, minima, cum, laborum similique excepturi ipsam repellendus magni reprehenderit labore numquam optio!</div>
  			<div>Delectus, reprehenderit, nihil perspiciatis asperiores quo nesciunt alias quaerat excepturi aperiam dicta eveniet cum veniam autem voluptatibus repellat a deleniti aliquid eius consectetur vel ipsam distinctio dolorum animi expedita recusandae?</div>
		</div>
				<div class="span3">
			<ul class="paginas">
		        <li><a href="#">Página 1</a></li>
		        <li><a href="#">Página 2</a></li>
		        <li><a href="#">Página 3</a></li>
		        <li><a href="#">Página 4</a></li>
		    </ul>
		 
		    <ul class="categorias">
		        <li><a href="#">Categoria 1</a></li>
		        <li><a href="#">Categoria 2</a></li>
		        <li><a href="#">Categoria 3</a></li>
		        <li><a href="#">Categoria 4</a></li>
		    </ul>
		</div>
	</div>
</div>
<div id="footer" class="container-fluid">
			<div class="row-fluid">
				<div class="span4">
					<fieldset>
						<legend>Contato</legend>
							<p>Tel: +55 71 9189 8479</p>
							<p>E-mail: rcayres18@gmail.com</p>						
					</fieldset>
				</div>
				<div class="span4">
					<fieldset>
						<legend>Mapa do Site</legend>
						<p>
							Lorem ipsum dolor sit amet, consectetur adipisicing elit. Itaque, distinctio dolor pariatur perferendis molestias consectetur commodi placeat facere fugit fuga dolores suscipit vel nulla quo aperiam optio tempora debitis odit.
						</p>
					</fieldset>
				</div>
				<div class="span4">
					<fieldset>
						<legend>Desenvolvido por...</legend>
						<p>
							Lorem ipsum dolor sit amet, consectetur adipisicing elit. Itaque, distinctio dolor pariatur perferendis molestias consectetur commodi placeat facere fugit fuga dolores suscipit vel nulla quo aperiam optio tempora debitis odit.
						</p>
					</fieldset>
				</div>
			</div>
		</div>
	</div>
	
	<script type="text/javascript" src="js/bootstrap.js">
	</script>
</body>
</html>